<template>
	<template v-if="menuStyle == 'DEFAULT'">
		<MenuDefault v-bind="$props" @menuClick="handleMenuClick"></MenuDefault>
	</template>
	<template v-else-if="menuStyle == 'ICONVIEW'">
		<MenuIconView v-bind="$props" @menuClick="handleMenuClick"></MenuIconView>
	</template>
</template>
<script setup lang="ts">
import { Ref } from 'vue';
import { menuProps } from './app-menu';
import MenuDefault from './components/app-menu-default.vue';
import MenuIconView from './components/app-menu-icon-view.vue';
const props = defineProps(menuProps);
const emit = defineEmits(['menuClick']);
const handleMenuClick = (name: string): void => {
	emit('menuClick', name);
};
</script>
